.pagination{
  width: 100%;
  select{
    min-width: 60px;
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid $border-color-light;
  }
  .pager{
    margin: 0;
  }
  .jump-to{
    margin: 0 10px;
  }
}

.pt-2, .tab{
  .pagination{
    width: 100%;
    select{
      option{
        background-color: $white-color;
      }
    }
    .pager{
      li{
        a{
          color: $input-font-color;
          border-color: $border-color-light;
          background-color: transparent;
          &:hover{
            background-color: $border-color-light;
          }
        }
      }
    }
  }
}

.tab-panels{
  .pagination{
    width: 100%;
    color: #999;
    select{
      border-color: $bg-level-forth;
      option{
        background-color: $white-color;
      }
    }
    .pager{
      li{
        a{
          color: $input-font-color;
          background-color: transparent;
          border-color: $bg-level-forth;
        }
        a:hover{
          background-color: $bg-level-forth;
        }
      }
    }
  }
}

md-content.layout-padding{
	.pagination{
    select{
      border-color: $border-color;
    }
    .pager li a{
      color: $input-font-color - #444;
      border-color: $border-color;
      &:hover{
        background-color: #f1f4f7;
      }
    }
  }
}
